{% extends "base.html" %}
{% load static %}

{% block title %}汉典制药-联系我们{% endblock title %}

{% block breadcrumb %}
  <!-- Start Breadcrumb     ============================================= -->
  <div class="breadcrumb-area min-h-a" style="background-image: url({% static 'assets/img/banner/10.jpg' %}); background-size: 100% 100%; background-position-x: center; background-repeat: no-repeat; min-height: 260px;">
    <div class="container">
      <div class="row banner-padding">
        <div class="col-md-6">
          <img src="{% static 'assets/img/title-f.png' %}" alt="">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-6 text-right pt-0">
          <ul class="breadcrumb">
            <li><a href="{% url 'user:index' %}"><i class="fa fa-home"></i>首页</a></li>
            <li class="active">联系我们</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- End Breadcrumb -->
{% endblock breadcrumb %}

{% block content %}
  <!-- End Contact Top Entry -->
  <!-- Start Contact Area    ============================================= -->
  <div class="contact-area bg-light default-padding">
    <div class="container">
      <div class="row">
        <div class="contact-items">
          <div class="col-md-5">
            <h2>北京汉典制药有限公司</h2>
            <li><span class="title"><i class="fa fa-map-marker"></i>地址：</span><span class="cont">北京市朝阳区朝外大街乙12号1号楼昆泰国际大厦22层</span></li>
            <li><span class="title"><i class="fa fa-phone"></i>电话：</span><span class="cont">010-56903399</span></li>
            <li><span class="title"><i class="fa fa-pagelines"></i>招商：</span><span class="cont">010-56903377</span></li>
            <li><span class="title"><i class="fa fa-fax"></i>传真：</span><span class="cont">010-56903478</span></li>
            <li><span class="title"><i class="fa fa-cubes"></i>厂址：</span><span class="cont">北京市密云区经济开发区水源路232号</span></li>
            <li><span class="title"><i class="fa fa-envelope"></i>邮件：</span><span class="cont">hantien@handian.com</span></li>
          </div>
          <div class="col-md-7">
              <div id="map" style="overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;"><div style="overflow: visible; position: absolute; z-index: 0; left: 121px; top: 92px; cursor: url(&quot;http://api0.map.bdimg.com/images/openhand.cur&quot;) 8 8, default;"><div class="BMap_mask" style="position: absolute; left: -121px; top: -92px; z-index: 9; overflow: hidden; user-select: none; width: 687px; height: 441px;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"><div class="BMap_pop" style="box-sizing: content-box; position: absolute; cursor: default; left: 58px; top: -82px; display: none;"><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 0px; width: 25px; height: 25px;"><div style="box-sizing:content-box;background:#fff;border-top:1px solid #ababab;border-left:1px solid #ababab;width:30px;height:30px;"></div></div><div class="BMap_top" style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 25px; top: 0px; width: 304px; height: 25px;"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 329px; top: 0px; width: 25px; height: 25px;"><div style="box-sizing:content-box;position:absolute;top:0;left:-6px;background:#fff;border-top:1px solid #ababab;border-right:1px solid #ababab;width:30px;height:30px;"></div></div><div class="BMap_center" style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 25px; width: 352px; height: 271px;"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 296px; width: 25px; height: 25px;"><div style="box-sizing:content-box;position:absolute;top:-6px;left:0;background:#fff;border-bottom:1px solid #ababab;border-left:1px solid #ababab;width:30px;height:30px;"></div></div><div class="BMap_bottom" style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 25px; top: 296px; width: 304px; height: 24px;"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 329px; top: 296px; width: 25px; height: 25px;"><div style="box-sizing:content-box;position:absolute;top:-6px;left:-6px;background:#fff;border-right:1px solid #ababab;border-bottom:1px solid #ababab;width:30px;height:30px;"></div></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 160px; top: 296px; width: 34px; height: 50px;"><img style="box-sizing:content-box;border:none;margin:0px;padding:0px;margin-left:-186px;margin-top:-691px;max-width:none; width:690px;height:786px;" src="./联系方式_files/iw3.png"></div><div style="box-sizing: content-box; width: 322px; height: 289px; position: absolute; left: 16px; top: 16px; z-index: 10; overflow: hidden;"><div class="BMap_bubble_title" style="overflow: hidden; height: auto; line-height: 24px; white-space: nowrap; width: auto;"><div style="height:26px;" id="detailDiv"><a filter="detailInfo" href="http://api.map.baidu.com/place/detail?uid=c88978181d1006e70c0e6b7d&amp;output=html&amp;source=jsapi&amp;operate=mapclick&amp;clicktype=tile" target="_blank" style="font-size:14px;color:#4d4d4d;font-weight:bold;text-decoration:none;" onmouseover="this.style.textDecoration=&quot;underline&quot;;this.style.color=&quot;#3d6dcc&quot;" onmouseout="this.style.textDecoration=&quot;none&quot;;this.style.color=&quot;#4d4d4d&quot;">银河SOHO</a><a filter="detailLink" href="http://api.map.baidu.com/place/detail?uid=c88978181d1006e70c0e6b7d&amp;output=html&amp;source=jsapi&amp;operate=mapclick&amp;clicktype=tile" target="_blank" style="font-size:12px;color:#3d6dcc;margin-left:5px;text-decoration:none;" onmouseover="this.style.textDecoration=&quot;underline&quot;" onmouseout="this.style.textDecoration=&quot;none&quot;">详情»</a></div></div><div class="BMap_bubble_content" style="width: auto; height: auto;"></div><div class="BMap_bubble_max_content" style="display:none;position:relative"></div></div><img style="position: absolute; top: 12px; width: 10px; height: 10px; cursor: pointer; z-index: 10000; left: 329px;" src="./联系方式_files/iw_close1d3.gif"><img style="position:absolute;top:12px;width:10px;height:10px;-moz-user-select:none;cursor:pointer;z-index:10000;display:none" src="./联系方式_files/quanjing.png" title="进入全景"><img style="position:absolute;top:10px;width:9px;height:14px;-moz-user-select:none;cursor:pointer;z-index:10000;display:none;" src="./联系方式_files/phone.png" title="发送到手机"><img style="position: absolute; top: 12px; width: 10px; height: 10px; cursor: pointer; z-index: 10000; display: none; left: 309px;" src="./联系方式_files/iw_plus1d3.gif"><div style="position: absolute; top: 0px; left: 0px; z-index: 10000; width: 354px;"></div></div></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"><span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; background: url(&quot;http://api0.map.bdimg.com/images/blank.gif&quot;); width: 19px; height: 25px; left: 334px; top: 196px; z-index: -7985788;" title=""></span><span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; background: url(&quot;http://api0.map.bdimg.com/images/blank.gif&quot;); width: 18px; height: 18px; left: 487px; top: -93px; z-index: 19000000; user-select: none; display: none;" title=""></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"><div class="BMap_shadow" style="position: absolute; left: 36px; top: 81px; display: none;" type="infowindow_shadow"><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 151px; top: 0px; width: 70px; height: 30px;"><img onmousedown="return false" style="margin-left: -323px; margin-top: 0px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 221px; top: 0px; width: 265px; height: 30px;"><img onmousedown="return false" style="margin-left: -393px; margin-top: 0px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 486px; top: 0px; width: 70px; height: 30px;"><img onmousedown="return false" style="margin-left: -1033px; margin-top: 0px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 29px; top: 30px; width: 192px; height: 122px;"><img onmousedown="return false" style="margin-top: -30px; margin-left: -201px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 221px; top: 30px; width: 172px; height: 122px;"><img onmousedown="return false" style="margin-left: -360px; margin-top: -30px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 393px; top: 30px; width: 192px; height: 122px;"><img onmousedown="return false" style="margin-top: -30px; margin-left: -941px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 0px; top: 152px; width: 50px; height: 60px;"><img onmousedown="return false" style="margin-left: -14px; margin-top: -310px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 50px; top: 152px; width: 62px; height: 60px;"><img onmousedown="return false" style="margin-left: -255px; margin-top: -310px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 112px; top: 152px; width: 140px; height: 60px;"><img onmousedown="return false" style="margin-left: -440px; margin-top: -310px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 252px; top: 152px; width: 112px; height: 60px;"><img onmousedown="return false" style="margin-left: -255px; margin-top: -310px;" src="./联系方式_files/iws3.png"></div><div style="box-sizing: content-box; overflow: hidden; z-index: 1; position: absolute; left: 364px; top: 152px; width: 70px; height: 60px;"><img onmousedown="return false" style="margin-left: -754px; margin-top: -310px;" src="./联系方式_files/iws3.png"></div></div></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"><label class="BMapLabel" unselectable="on" style="position: absolute; display: none; cursor: inherit; background-color: rgb(190, 190, 190); border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: arial, sans-serif; z-index: -20000; color: rgb(190, 190, 190);">shadow</label><label class="BMapLabel" unselectable="on" style="position: absolute; cursor: inherit; background-color: rgb(255, 255, 225); border: 1px solid rgb(140, 140, 140); padding: 1px; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: arial, sans-serif; z-index: -7988350; user-select: none; color: rgb(77, 77, 77); left: 376px; top: -11px; display: none;">点击可查看详情</label></div>
                      <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;">
                        <span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 334px; top: 196px; z-index: -7985788;">
                            <div style="position: absolute; margin: 0px; padding: 0px; width: 19px; height: 25px; overflow: hidden; left: 0px; top: -15px;">
                                <img src="./联系方式_files/marker_red_sprite.png" style="display: block; border:none;margin-left:0px; margin-top:0px; ">
                            </div>
                        </span>
                        <span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 487px; top: -93px; z-index: 19000000; display: none;">
                            <div style="position: absolute; margin: 0px; padding: 0px; width: 18px; height: 18px; overflow: hidden;">
                                <img src="./联系方式_files/spotmkrs.png" style="display: block; border:none;margin-left:-166px; margin-top:0px; ">
                            </div>
                        </span>
                    </div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;">
                        <span unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 20px; height: 11px; left: 338px; top: 210px;">
                            <div style="position: absolute; margin: 0px; padding: 0px; width: 20px; height: 11px; overflow: hidden; left: 11px; top: -11px;">
                                <img src="./联系方式_files/marker_red_sprite.png" style="display: block; border:none;margin-left:-19px; margin-top:-13px; ">
                            </div>
                        </span>
                    </div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;">
                        
                    </div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                        
                    </div>
                </div>
                <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;">
                    <div style="position: absolute; overflow: visible; z-index: -100; left: 223px; top: 129px; display: block; transform: translate3d(0px, 0px, 0px);">
                        <img src="./联系方式_files/saved_resource" style="position: absolute; border: none; width: 256px; height: 256px; left: -49px; top: -63px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(1)" style="position: absolute; border: none; width: 256px; height: 256px; left: -305px; top: -63px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(2)" style="position: absolute; border: none; width: 256px; height: 256px; left: 207px; top: -63px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(3)" style="position: absolute; border: none; width: 256px; height: 256px; left: -49px; top: 193px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(4)" style="position: absolute; border: none; width: 256px; height: 256px; left: -49px; top: -319px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(5)" style="position: absolute; border: none; width: 256px; height: 256px; left: 207px; top: 193px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(6)" style="position: absolute; border: none; width: 256px; height: 256px; left: -305px; top: 193px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(7)" style="position: absolute; border: none; width: 256px; height: 256px; left: 207px; top: -319px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(8)" style="position: absolute; border: none; width: 256px; height: 256px; left: -305px; top: -319px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(9)" style="position: absolute; border: none; width: 256px; height: 256px; left: -561px; top: -319px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(10)" style="position: absolute; border: none; width: 256px; height: 256px; left: -561px; top: -63px; max-width: none; opacity: 1;">
                        <img src="./联系方式_files/saved_resource(11)" style="position: absolute; border: none; width: 256px; height: 256px; left: -561px; top: 193px; max-width: none; opacity: 1;">
                    </div>
                </div>
                <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: none;">
                    <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 0; display: none;">
                        
                    </div>
                </div>
                <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;">
                    
                </div>
            </div>
            <div class="pano_close" title="退出全景" style="z-index: 1201; display: none;">
                
            </div>
            <a class="pano_pc_indoor_exit" title="退出室内景" style="z-index: 1201; display: none;">
                <span style="float:right;margin-right:12px;">出口</span>
            </a>
            <div class=" anchorBL" style="height: 32px; position: absolute; z-index: 30; text-size-adjust: none; bottom: 20px; right: auto; top: auto; left: 1px;">
                <a title="到百度地图查看此区域" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img style="border:none;width:77px;height:32px" src="./联系方式_files/copyright_logo.png"></a>
            </div>
            <div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api0.map.bdimg.com/images/openhand.cur) 8 8,default">
                <div class="BMap_zoomer" style="top:0;left:0;"></div>
                <div class="BMap_zoomer" style="top:0;right:0;"></div>
                <div class="BMap_zoomer" style="bottom:0;left:0;"></div>
                <div class="BMap_zoomer" style="bottom:0;right:0;"></div>
            </div>
            <div unselectable="on" class=" BMap_scaleCtrl BMap_noprint anchorTL" style="bottom: auto; right: auto; top: 18px; left: 81px; width: 88px; position: absolute; z-index: 10; text-size-adjust: none;">
                <div class="BMap_scaleTxt" unselectable="on" style="background-color: transparent; color: black;">500&nbsp;米</div>
                <div class="BMap_scaleBar BMap_scaleHBar" style="background-color: black;">
                    <img style="border:none" src="./联系方式_files/mapctrls.png">
                </div>
                <div class="BMap_scaleBar BMap_scaleLBar" style="background-color: black;">
                    <img style="border:none" src="./联系方式_files/mapctrls.png"></div>
                    <div class="BMap_scaleBar BMap_scaleRBar" style="background-color: black;">
                        <img style="border:none" src="./联系方式_files/mapctrls.png"></div>
                    </div>
                    <div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" style="width: 62px; height: 192px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100; text-size-adjust: none;">
                        <div class="BMap_stdMpPan"><div class="BMap_button BMap_panN" title="向上平移"></div>
                        <div class="BMap_button BMap_panW" title="向左平移"></div>
                        <div class="BMap_button BMap_panE" title="向右平移"></div>
                        <div class="BMap_button BMap_panS" title="向下平移"></div>
                        <div class="BMap_stdMpPanBg BMap_smcbg"></div>
                    </div>
                    <div class="BMap_stdMpZoom" style="height: 147px; width: 62px;">
                        <div class="BMap_button BMap_stdMpZoomIn" title="放大一级">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_button BMap_stdMpZoomOut" title="缩小一级" style="top: 126px;">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_stdMpSlider" style="height: 108px;">
                            <div class="BMap_stdMpSliderBgTop" style="height: 108px;">
                                <div class="BMap_smcbg"></div>
                            </div>
                            <div class="BMap_stdMpSliderBgBot" style="top: 25px; height: 87px;"></div>
                            <div class="BMap_stdMpSliderMask" title="放置到此级别"></div>
                            <div class="BMap_stdMpSliderBar" title="拖动缩放" style="cursor: url(&quot;http://api0.map.bdimg.com/images/openhand.cur&quot;) 8 8, default; top: 25px;"><div class="BMap_smcbg">
                                
                            </div>
                        </div>
                    </div>
                    <div class="BMap_zlHolder">
                        <div class="BMap_zlSt">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlCity">
                            <div class="BMap_smcbg"></div>
                        </div><div class="BMap_zlProv">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlCountry">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                </div>
                <div class="BMap_stdMpGeolocation" style="position: initial; display: none; margin-top: 43px; margin-left: 10px;">
                    <div class="BMap_geolocationContainer" style="position: initial; width: 24px; height: 24px; overflow: hidden; margin: 0px; box-sizing: border-box;">
                        <div class="BMap_geolocationIconBackground" style="width: 24px; height: 24px; background-image: url(http://api0.map.bdimg.com/images/navigation-control/geolocation-control/pc/bg-20x20.png); background-size: 20px 20px; background-position: 3px 3px; background-repeat: no-repeat;">
                            <div class="BMap_geolocationIcon" style="position: initial; width: 24px; height: 24px; cursor: pointer; background-image: url(&#39;http://api0.map.bdimg.com/images/navigation-control/geolocation-control/pc/success-10x10.png&#39;); background-size: 10px 10px; background-repeat: no-repeat; background-position: center;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div unselectable="on" class=" BMap_cpyCtrl BMap_noprint anchorBL" style="cursor: default; white-space: nowrap; color: black; background: none; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 15px; font-family: arial, sans-serif; bottom: 2px; right: auto; top: auto; left: 2px; position: absolute; z-index: 10; text-size-adjust: none;">
                <span _cid="1" style="display: none;">
                    <span style="background: rgba(255, 255, 255, 0.701961);padding: 0px 1px;line-height: 16px;display: inline;height: 16px;">©&nbsp;2019 Baidu - GS(2018)5572号 - 甲测资字1100930 - 京ICP证030173号 - Data © 汉典中医</span>
                </span>
            </div> -->
        </div>
          </div>
          <script src="{% static 'assets/js/api.js' %}"></script>
          <script src="{% static 'assets/js/getscript.js' %}"></script>
          <script type="text/javascript">
            // 百度地图API功能
            var map = new BMap.Map("map");
            var point = new BMap.Point(116.448722, 39.928948);
            map.centerAndZoom(point, 15);
            var marker = new BMap.Marker(point);  // 创建标注
            map.addOverlay(marker);               // 将标注添加到地图中
            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
            var mapType1 = new BMap.MapTypeControl({ mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] });
            var mapType2 = new BMap.MapTypeControl({ anchor: BMAP_ANCHOR_TOP_LEFT });
            var overView = new BMap.OverviewMapControl();
            var overViewOpen = new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT });
            map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
            map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
            var top_left_control = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_TOP_LEFT });// 左上角，添加比例尺
            var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
            var top_right_navigation = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL }); //右上角，仅包含平移和缩放按钮
            /*缩放控件type有四种类型:
            BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*/
            //添加控件和比例尺
            map.addControl(top_left_control);
            map.addControl(top_left_navigation);  
          </script>
        </div>
      </div>
    </div>
  </div>
  <!-- End Contact Area -->
{% endblock content %}
  